<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>索客云商网站管理系统</title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="resource/css/layui.css">
	<link rel="stylesheet" href="resource/css/common.css">
	<link rel="stylesheet" href="resource/css/index.css">
	<link rel="stylesheet" href="resource/ali/iconfont.css">
	<link rel="stylesheet" href="http://at.alicdn.com/t/font_880577_qh1v8hajhqc.css">
	<script src="resource/app/require.js"></script>
	<script src="resource/main.js"></script>
	<script src="resource/lib/jquery-1.10.1.min.js"></script>
	<script src="resource/js/layui.all.js"></script>
	<script src="resource/js/layui.js"></script>
</head>
<body>
	<div class="com-header">
		<div class="school-logo">
			<img src="resource/image/logo.png" alt="">
		</div>
		<div class="menu-btn">
			<i class="icon iconfont icon-zhanxiancaidan- iconnn iconnn-zk icon-act"></i>
			<i class="icon iconfont icon-suohuicaidan- iconnn iconnn-gb"></i>
		</div>
		<div class="right-gr">
			<a href="#"><i class="icon iconfont icon-gerenzhongxin"></i></a>
			<p class="p-welcome">你好，admin！</p>
			<a href="#" class="goout">安全退出</a>
		</div>
	</div>
	<div class="com-big-box">
		<div class="com-fixed-left">
			<a href="index.html" class="item">
				<p>首页</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="#" class="item">
				<p>关于我们</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="manage.html" class="item">
				<p>产品中心</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="#" class="item">
				<p>新闻资讯</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="#" class="item">
				<p>联系我们</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="navManagement.html" class="item">
				<p>系统设置</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="user-permission.html" class="item">
				<p>用户权限</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
			<a href="adm-msg.html" class="item item-act">
				<p>扩展功能</p>
				<i class="icon iconfont icon-xiangyou2"></i>
			</a>
		</div>
		<div class="com-page-wrapper">
			<div class="two-nav-box">
				<a href="manage.html" class="list"><p>Banner管理</p></a>
				<a href="allproduct.html" class="list list-act"><p>留言管理</p></a>
                <a href="#" class="list"><p>招聘管理</p></a>
                <a href="#" class="list"><p>友情链接</p></a>
				<a href="#" class="list"><p>钩子管理</p></a>
				<a href="#" class="list"><p>插件列表</p></a>
				<a href="#" class="list"><p>URL美化</p></a>
			</div>
			<div class="sj_menu">
				<div class="navtxt">
					<p>留言管理</p>
					<i class="icon iconfont icon-xia navicon"></i>
					<i class="icon iconfont icon-shang navicon"></i>
				</div>
				<div class="dropdown-menu">
					<a href="manage.html" class="lista">Banner管理</a>
					<a href="allproduct.html" class="lista">留言管理</a>
                    <a href="#" class="lista">招聘管理</a>
                	<a href="#" class="lista">友情链接</a>
					<a href="#" class="lista">钩子管理</a>
					<a href="#" class="lista">插件列表</a>
					<a href="#" class="lista">URL美化</a>
				</div>
			</div>
			<div style="clear:both;"></div>
			<div class="connentBox">
				<div class="operation-area">
					<div class="btn"><p>删除</p></div>
                </div>
                <div class="all_product_box adm_msg_box">
                    <form class="layui-form" action="">
						<table class="layui-table">
							<colgroup>
								<col class="com_choose" width="80">
								<col class="com_none" width="80">
								<col class="adm_msg_box_name" width="120">
								<col class="adm_msg_box_tel" width="160">
								<col class="com_none" width="160">
								<col>
								<col class="com_col_operation com_col_operation_two" width="200">
							</colgroup>
							<thead>
								<tr>
									<th>
										<div class="comtable_col_choose">
											<div class="layui-form-item">
												<div class="layui-input-block">
													<input type="checkbox" name="" title="全选" lay-skin="primary">
												</div>
											</div>
										</div>
									</th>
									<th class="com_none">编号</th>
									<th>姓名</th>
									<th>电话号码</th>
									<th class="com_none">时间</th>
									<th>留言内容</th>
									<th>操作</th>
								</tr> 
							</thead>
							<tbody>
								<tr>
									<td>
										<div class="comtable_col_choose">
											<div class="layui-form-item">
												<div class="layui-input-block">
													<input type="checkbox" name="" lay-skin="primary">
												</div>
											</div>
										</div>
									</td>
									<td class="com_none">1</td>
									<td>谢丽</td>
									<td>13882080506</td>
									<td class="com_none">2018-10-24 09:05</td>
									<td><div class="com_table_p">单位好几年了希望曾经的单位越来越好单位好几年了希望曾经的单位越来越好单位好几年了希望曾经的单位越来越好单位好几年了</div></td>
									<td>
										<div class="col col_operation">
											<div class="com_operation_button">
												<i class="icon iconfont icon-bianji"></i>
												<p>编辑</p>
											</div>
											<div class="com_operation_button">
												<i class="icon iconfont icon-shanchu"></i>
												<p>删除</p>
											</div>
										</div>
									</td>
								</tr>
								<tr>
									<td>
										<div class="comtable_col_choose">
											<div class="layui-form-item">
												<div class="layui-input-block">
													<input type="checkbox" name="" lay-skin="primary">
												</div>
											</div>
										</div>
									</td>
									<td class="com_none">1</td>
									<td>谢丽</td>
									<td>13882080506</td>
									<td class="com_none">2018-10-24 09:05</td>
									<td><div class="com_table_p">这个必须是块元素才能实现效果；width是控制显示的宽度的，根据自己的需要做修改text-overflow</div></td>
									<td>
										<div class="col col_operation">
											<div class="com_operation_button">
												<i class="icon iconfont icon-bianji"></i>
												<p>编辑</p>
											</div>
											<div class="com_operation_button">
												<i class="icon iconfont icon-shanchu"></i>
												<p>删除</p>
											</div>
										</div>
									</td>
								</tr>
							</tbody>
						</table>
                    </form>
                </div>
			</div>
		</div>
	</div>
	<div class="com-alert-box">
		<div class="box">
			<div class="box-head"><p>Warning</p></div>
			<div class="box-bd">
				<p id="warn_txt"></p>
			</div>
			<div style="text-align: center;">
				<button id="qxalert" type="button" class="btn btn-primary">&nbsp;&nbsp; OK ! &nbsp;&nbsp;</button>
			</div>
		</div>
	</div>
</body>
<script type="text/javascript">
	// var jsname = 'util';

	require(['util'],function(de){
		de.xl_menu();
		de.topbtn();
		de.commonjs();
	})
</script>
<script>
	layui.use('form', function(){
  var form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
  
  //……
  
  //但是，如果你的HTML是动态生成的，自动渲染就会失效
  //因此你需要在相应的地方，执行下述方法来手动渲染，跟这类似的还有 element.init();
  form.render();
});  
</script>
</html>